<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<title>eSharing - Bienvenue !!</title>
</head>

  <body>
  
	<div class="topbarcontenu">
		<div>
			<span class="logo"><img src="images/logo.jpg" /></span> <span
				class="toplink"><a href="connexion.html">Connexion</a> <a
				href="inscription.html">Inscription</a></span> <span
				class="topbarrechercher"> <h:form class="recherchepages">
					<input type="text" id="cetaem" class="textrecherche" maxlength="80"
						placeholder="Que voulez-vous emprunter ?" />
					<input type="submit" id="btnrechercher" value="Rechercher" />
				</h:form>
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> <h:form id="parrainer">
					<input type="text" id="cetaem" class="mailfileuil" maxlength="80"
						placeholder="Adresse mail" />
					<input type="submit" id="btnparrain" value="Parrainer un ami !" />
				</h:form>
			</span>
		</div>
	</div>
  
  <P> </P>
  
  <div class = "liens">
  
      <ul class = "lienlist">
        <li>
          <a href = "">lien 1</a>
          <ul>
            <li>
              <a href = "">lien 1.1</a>
            </li>
          </ul>
        </li>
                <li>
          <a href = "">lien 1</a>
          <ul>
            <li>
              <a href = "">lien 1.1</a>
            </li>
          </ul>
        </li>
                <li>
          <a href = "">lien 1</a>
          <ul>
            <li>
              <a href = "">lien 1.1</a>
            </li>
          </ul>
        </li>
                <li>
          <a href = "">lien 1</a>
          <ul>
            <li>
              <a href = "">lien 1.1</a>
            </li>
          </ul>
        </li>
                <li>
          <a href = "">lien 1</a>
          <ul>
            <li>
              <a href = "">lien 1.1</a>
            </li>
          </ul>
        </li>
                <li>
          <a href = "">lien 1</a>
          <ul>
            <li>
              <a href = "">lien 1.1</a>
            </li>
          </ul>
        </li>
      </ul>
  
  </div>
  
  <div id = "pagecontenu">
  
    <h2>Bienvenue dans la famille e-Sharing !</h2>
    
    Vous êtes preque prêt à prêter et à emprunter ! Pour confirmer votre inscription, il suffit de saisir les informations suivantes. Les champs marqués avec * sont obligatoires.

		<div>

			<h:form action="" id="inscription">
				<table>

					<tr>

						<td>Civilité :</td>
						<td><h:selectOneMenu noSelectionOption="true" id="civilite"
								value="#{mbInscriptionParrainage.civ}">
								<f:selectItems value="#{mbInscriptionParrainage.civilites}" var="civilite"
									itemLabel="#{civilite.label}" itemValue="#{civilite}" />
							</h:selectOneMenu> <br /></td>

					</tr>

					<tr>

						<td>Nom d'utilisateur :</td>
						<td><h:inputText id="txtNomUsr" maxlength="20" placeholder="" value="#{mbInscriptionParrainage.nomUtilisateur}"/><br /></td>

					</tr>
					<tr>
						<td>Courrier Électronique :</td>
						<td><h:inputText id="txtMail" maxlength="20" placeholder="" value="#{mbInscriptionParrainage.courriel}"/><br /></td>
					</tr>
					<tr>
						<td>Mot de passe :</td>
						<td><h:inputSecret id="txtMotDePasse1" maxlength="20"
								placeholder="" value="#{mbInscriptionParrainage.mdp}"/><br /></td>
					</tr>
					<tr>
						<td>Resaisir mot de passe :</td>
						<td><h:inputSecret id="txtMotDePasse2" maxlength="20"
								placeholder="" value="#{mbInscriptionParrainage.mdp2}"/><br /></td>
					</tr>
					<tr>
						<td>Nom :</td>
						<td><h:inputText id="txtNom" maxlength="50" placeholder="" value="#{mbInscriptionParrainage.nom}"/><br /></td>
					</tr>
					<tr>
						<td>Prenom :</td>
						<td><h:inputText id="txtPrenom" maxlength="50" placeholder="" value="#{mbInscriptionParrainage.prenom}"/><br /></td>
					</tr>
					<tr>

						<td>Numéro de voie :</td>
						<td><h:inputSecret id="txtNoVoie" maxlength="10"
								placeholder="" value="#{mbInscriptionParrainage.noVoie}"/><br /></td>

					</tr>

					<tr>

						<td>Complément d'adresse :</td>
						<td><h:selectOneMenu noSelectionOption="true" id="compAd" value="#{mbInscriptionParrainage.compl}"/>
							<br /></td>

					</tr>

					<tr>

						<td>Nom de la rue :</td>
						<td><h:inputSecret id="txtNomRue" maxlength="50"
								placeholder="" value="#{mbInscriptionParrainage.nomRue}"/><br /></td>

					</tr>

					<tr>

						<td>Région :</td>
						<td><h:selectOneMenu id="region" value="#{mbInscriptionParrainage.region}">
							</h:selectOneMenu> <br /></td>

					</tr>

					<tr>

						<td>Département :</td>
						<td><h:selectOneMenu id="dept" value="#{mbInscriptionParrainage.departement}">
							</h:selectOneMenu> <br /></td>

					</tr>

					<tr>

						<td>Code postal :</td>
						<td><h:selectOneMenu id="cp" value="#{mbInscriptionParrainage.codePostal}">
							</h:selectOneMenu> <br /></td>

					</tr>

					<tr>

						<td>Commune :</td>
						<td><h:selectOneMenu id="commune" value="#{mbInscriptionParrainage.commune}">
							</h:selectOneMenu> <br /></td>

					</tr>

					<tr>

						<td>Numéro de téléphone (1) :</td>
						<td>+33 (0)<h:inputSecret id="txtTelephone1" maxlength="9"
								placeholder="" value="#{mbInscriptionParrainage.tel1}"/><br />
						</td>

					</tr>

					<tr>

						<td>Numéro de téléphone (2) :</td>
						<td>+33 (0)<h:inputSecret id="txtTelephone2" maxlength="9"
								placeholder="" value="#{mbInscriptionParrainage.tel2}"/><br />
						</td>

					</tr>

					<tr>

						<td>Date de naissance :</td>
						<td><rich:calendar id="dateNaissance" placeholder="" value="#{mbInscriptionParrainage.dateNaissance}"/><br />
						</td>

					</tr>

					<tr>

						<td>Autobiographie :</td>
						<td><h:inputTextarea name="autobiographie" cols="25" rows="5"
								maxlength="1024" value="#{mbInscriptionParrainage.autobiographie}"/> <br /></td>

					</tr>

					<tr>

						<td></td>
						<td><h:selectBooleanCheckbox value="#{mbInscriptionParrainage.accepte}"/>J'accepte les <h:commandLink
								value="conditions
								d'utilisation"/>.</td>

					</tr>

					<tr>

						<td></td>
						<td>Veuillez saisir les chiffres : <br /> <h:inputText value="#{mbInscriptionParrainage.captacha}"/>
							<h:graphicImage url="" /></td>
					</tr>
				</table>

				<h:commandButton value="S'inscrire" style="float: right" action="#{mbInscriptionParrainage.inscrire()}"/>
			</h:form>

		</div>

	</div>

	<div id="goodies">

		<ul id="sociallinks" style="float: right">
			<li><a href="@sadfdsafdfd">FB</a></li>
			<li><a href="@sadfdsafdfd">TW</a></li>
			<li><a href="@sadfdsafdfd">G+</a></li>
			<li><a href="@sadfdsafdfd">RSS</a></li>
		</ul>

	</div>


	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>


</body>

</html>